@import "base";
$fsz:50;
$maxsz:32;
$minsz:26;
$h1col:#333;
$h2col:#999;
@function rem($value){
    @return $value/$fsz*1rem;
}
section{
    width:rem(750);;height: 100%;margin:0 auto;position:relative;
    .img{width:100%;height:rem(1206);background:url(../img/joinBg.png) no-repeat; background-size:cover;}
    .btn{text-align: center;background-color: rgb(211, 201, 198);
    width: rem(480);z-index: 5;font-size: rem(32);border-radius:rem(50);position:absolute;bottom:rem(40);
    left:50%;transform:translateX(-50%);line-height: rem(80);cursor:pointer;color:#fff;}
    .sectionP{display:none;}
    .mtWindow{
            line-height: 1;
             position:absolute;top:0;left:0;width: rem(750);height:100%;background:rgba(43, 43, 43, 0.9);
            color:#fff;
        .title{ text-align: center;
            p:nth-of-type(1){margin-top:rem(70);font-size:rem(32);}
            p:nth-of-type(2){font-size:rem(26);}
            i{display:block;width:rem(670);height: 1px;background-color:white;margin:rem(50) auto;}
        }
        .content{
                overflow:hidden;
             h1{color:$h1col;font-size:rem(32);margin-top: rem(48);margin-bottom:rem(125);text-align: center;}
                width: rem(600);height: rem(740);border-radius:rem(6);background-color:#fff;margin:0 auto;margin-top:rem(75);}
            ul{
                padding:0 rem(50);
                li{
                    margin-bottom:rem(50);font-size:rem(26); 
                    span{display:inline-block;}
                   & span:nth-of-type(1){color:$h2col;}
                   & span:nth-of-type(2){color:$h1col;float:right;}
                   &:nth-of-type(4) span:nth-of-type(2){width:rem(320);line-height: rem(34);}
                }
            }

    }
    .mt{display:none;}
}


  
